$(function () {
  // 1.自定义校验规则
  let form = layui.form

  form.verify({
    nickname: [
      /^[\S]{1,10}$/
      , '昵称的长度为1-10的非空字符串'
    ]
  })
  //  需求2   获取用户信息  渲染到form 表单中
  let layer = layui.layer
  initUserInfo()
  function initUserInfo() {
    axios({
      url: '/my/userinfo',
      method: 'get',
    }).then(res => {
      //成功回调
      // console.log(res.data)
      if (res.data.status != 0) {
        return layer.msg(res.data.message)
      }
      form.val("formUserInfo", res.data.data)
    });
  }
  // 3. 重置表单
  $("#btnReset").on("click", function (e) {
    e.preventDefault()
    // 重新渲染表单
    initUserInfo()
  })

  // 4.提交修改
  $("form").on("submit", function (e) {
    e.preventDefault()
    axios({
      url: '/my/userinfo',
      method: 'post',
      data: $(this).serialize()

    }).then(res => {
      //成功回调
      // console.log(res)
      if (res.data.status != 0) {
        return layer.msg(res.data.message)
      }
      layer.msg("恭喜你,修改成功")
      // 刷新父页面头像和欢迎词
      window.parent.getUserInfo()
    });
  })
}) 